<template>
    <div class="subscribe">
        <ToolBar :names="list.title"></ToolBar>


        <div class="content padding_lr5" v-html="list.content">


        </div>
    </div>
</template>

<script>
    import ToolBar from "@/components/Home/ToolBar.vue"
    export default {
        name: "bannerDetail",
        components:{
            ToolBar
        },
        data(){
            return {
                value: true,
                names:'',
                list:{}
            }
        },
        mounted() {
            this.$api.home.bannerDetail(this.$route.query.id).then(res=> {
                // 执行某些操作
                this.list = res.data.data
            })
        }

    }
</script>

<style scoped>
    .subscribe{
        position: relative;
        top: 3rem;
    }
    .padding_lr5{
        padding: 0 0.5rem;
    }

    .content{
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        background: #fff;
    }

</style>
<style>
    .subscribe .content p img{
        max-width: 100% !important;
        height: auto;
    }
    .subscribe .content p{
        margin: 1rem auto;
    }
</style>
